<template>
  <div id="officialPublication">
    <div class="offPubMainOut">
		<div class="titConts">
          <div class="leftBack"></div>
          <div class="flexContd">
            <p>CREAT A POOL</p>
            <span></span>
            <p>创建资金池</p>
          </div>
        </div>

      <div class="offPubMain">

        <div class="mainCont">
          <div class="divUlCont">
            <ul>
              <li style="background: linear-gradient(90deg, #0BC288, #FFF664);">CREAT A POOL</li>
              <li >POOL ATTRUBUTES</li>
              <li @click="routerUp('/Products')">PAYMENT DEtAILS</li>
              <li @click="routerUp('/Extract')">CONFIRMATION</li>
            </ul>
          </div>
          <div class="lisicinre">
              <div class="creatCont">
                  <div class="creatContItem">
                    <p>Pool Name* <span>（请输入奖励池名称，长度在3~12之间）</span></p>
                    <input type="text" value="">
                  </div>
                  <div class="creatContItem">
                    <p>Deposit Token* <span>（请输入资金池存款代币的简写符号,例如：FIL）</span></p>
                    <input type="text" value="">
                  </div>
                  <div class="creatContItem">
                    <p>Reward Token* <span>（请输入资金池奖励贷币的简写符号,例如：FILDA）</span></p>
                    <input type="text" value="">
                  </div>
                  <div class="creatContItem">
                    <p>Initial rewards supply* <span>（请输入资金池初始奖励代币的数量，此数量在创建好后可被修改）</span></p>
                    <input type="text" value="">
                  </div>
              </div>

              <div class="creatBtnCont">
                <button class="creatBtn">创建</button>
              </div>
          </div>
        </div>
      </div>
    </div>
    <footer-con />
  </div>
</template>
<style lang="scss" scoped>
@import "@/asserts/styles/officialPublication/officialPublication.scss";
</style>
<script>
import HeaderNav from "@/containers/common/HeaderNav.vue";
import FooterCon from "@/containers/common/Footer.vue";
export default {
  data() {
    return {};
  },
  components: {
    "header-nav": HeaderNav,
    "footer-con": FooterCon,
  },
  methods: {
    // 路由跳转
			routerUp(uri) {
				this.$router.push({
					path: uri
				});
      },
  },
  computed: {

  },
};
</script>
